<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>寻找Go嗨皮天地</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link href="__PUBLIC__/css/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/css/swiper.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/iconfont.css" rel="stylesheet">
    <link href="__PUBLIC__/css/basic.css" rel="stylesheet">
    <style>

    </style>
</head>

<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    // 微信JSSDK异常处理
    wx.error(function(res) {
        alert('wx.error: ' + JSON.stringify(res));
    });
    // 注入JSSDK配置参数，默认开启所有接口权限
    wx.config({$options | json_encode
    })
    ;
</script>

<body id="myBody" style="background: #eee" data-app="__APP__/Home/Index/upload" data-img="__ROOT__/Public/images/105364946478671911.jpg" data-root="__ROOT__" data-sub="__ROOT__/Home/Index/submitMsg" data-homeUrl="{:U('Index/index?id='.$act[id])}" data-userId="{$user_id}"  data-actId="{$act['id']}" data-openId="{$openid}">
<div id="erweima" style="width: 100%;margin:0">
    <img src="__PUBLIC__/images/5.jpg" class="img-responsive" style="margin: 50% auto;width: 40%;">
</div>
<div class="search" style="width: 100%;">
    <div class="input-group" style="margin: 0 auto;
    padding: 2%;
    background: #333;
    width: 100%;">
        <input type="text" class="form-control" style="z-index: 0; border-radius: 8px;height: 36px;" placeholder="请输入你要的宝宝姓名">
    </div>
</div>
<div class="banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <volist name="act.pictures" id="pictures">
                <div class="swiper-slide"><img src="__ROOT__{$pictures}" class="img-responsive"></div>
            </volist>

        </div>
    </div>
</div>
<div class="apply_vote">
    <div class="row">
        <div class="col-xs-6 apply">
            <p>报名人数</p>
            <p>{$count}</p>
        </div>
        <div class="col-xs-6 vote">
            <p>投票人数</p>
            <p>{$recordNum}</p>
        </div>
    </div>
</div>
<ul class="three">
    <li><img src="__PUBLIC__/images/1.jpg" style="margin-left: 0.5%" />&nbsp 寻找GO嗨皮最美代言人</li>
    <li><img src="__PUBLIC__/images/2.jpg" style="margin-left: 0.5%" />&nbsp 2015年8月5日至2015年8月24</li>
    <a style="color: #989898;text-decoration: none;" href="{:U('Index/explain?id='.$act[id])}"><li><img src="__PUBLIC__/images/3.jpg" style="margin-left: 2px" />&nbsp 活动介绍<span style="    float: right;
    font-size: 23px;
    margin-top: 8px;" class="glyphicon glyphicon-menu-right"></span></li></a>
</ul>
<div class="grid_match">
    <ul class="breadcrumb">
        <a id="zui" href="{:U('Index/index?id='.$act[id]).'/order/id'}" ><li>最新参与</li></a>
        <a id="ren" href="{:U('Index/index?id='.$act[id]).'/order/vote_num'}"><li>人气选手</li></a>
        <!-- <li><a href="{:U('Index/index?id='.$act[id]).'/limit/100'}">TOP100</a></li> -->
    </ul>
</div>
<div class="main">
    <div class="grid_people">
        <div class="row">
            <volist name="apply" id="apply" key="k">
                <div class="col-xs-6">
                    <div class="thumbnail">
                        <a href="{:U('Index/player?id='.$act[id].'&apply_id='.$apply[id])}"><img src="__ROOT__{$apply[pictures][0]}"></a>
                        <div class="caption">
                            <p>{$apply.vote_num}票</p>
                            <span class="circle" id="{$apply.id}">
                                <span id="heart" class="glyphicon glyphicon-heart"></span><span id="toupiao">投票</span>
                            </span>
                        </div>
                        <span class="num">{$apply.id}号<span style="margin-left: 15%">{$apply.name}</span></span>
                    </div>
                </div>
            </volist>
        </div>
    </div>

</div>
<div class="footer text-center">
    <div class="row">
        <div class="col-xs-3 list-item">
            <a href="{:U('Index/index?id='.$act[id])}" class="color">
                <span class="iconfont icon-home "></span>
                <p>首页</p>
            </a>
        </div>
        <div class="col-xs-3  list-item">
            <a href="{:U('Index/apply?id='.$act[id])}">
                <span class="iconfont icon-apply"></span>
                <p>报名</p>
            </a>
        </div>
        <div class="col-xs-3  list-item">
            <a href="{:U('Index/line?id='.$act[id])}">
                <span class="iconfont icon-line"></span>
                <p>排行</p>
            </a>
        </div>
        <div class="col-xs-3  list-item">
            <a href="{:U('Index/explain?id='.$act[id])}">
                <span class="iconfont icon-explain">

                </span>
                <p>规则</p>
            </a>
        </div>
    </div>
</div>
</body>
<script src="__PUBLIC__/js/libs/jquery.min.js"></script>
<script src="__PUBLIC__/js/libs/swiper.min.js"></script>
<script src="__PUBLIC__/js/libs/bootstrap.min.js"></script>
<script src="__PUBLIC__/js/libs/basic.js"></script>
</html>
